<template>
  <div id="app">
    <router-view />
    <van-loading v-show="isShow" size="24px" color="#1989fa" vertical
      >加载中...</van-loading
    >
    <van-overlay :show="isShow"/>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "APP",
  computed: {
    isShow() {
     return this.$store.state.vant.isShow;
    },
  },
};
</script>

<style scoped>
.van-loading {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}
</style>
